/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiNotificationBadge {
  flex-shrink: 0; // Ensures it never scales down below its intended size
  display: inline-block;
  border-radius: $ouiBorderRadius;
  font-size: $ouiFontSizeXS;
  font-weight: $ouiFontWeightMedium;
  line-height: $ouiSize;
  height: $ouiSize;
  min-width: $ouiSize;
  padding-left: $ouiSizeXS;
  padding-right: $ouiSizeXS;
  vertical-align: middle;
  text-align: center;
  transition: all $ouiAnimSpeedFast ease-in;
  cursor: default;

  $backgroundColor: $ouiColorAccentText;
  background: $backgroundColor;
  color: chooseLightOrDarkText($backgroundColor, $ouiColorGhost, $ouiColorInk);
}

.ouiNotificationBadge--medium {
  // Increase the default size a bit
  $size: $ouiSize + $ouiSizeXS;
  line-height: $size;
  height: $size;
  min-width: $ouiSizeL;
}

.ouiNotificationBadge--subdued {
  $backgroundColor: tint($ouiColorLightShade, 30%);
  background: $backgroundColor;
  color: chooseLightOrDarkText($backgroundColor, $ouiColorGhost, $ouiColorInk);
}
